<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>区域管理</title>
    <link rel="stylesheet" type="text/css" href="easyUI/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyUI/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="easyUI/css/demo.css">
    <script src="js/jquery-1.8.3.js"></script>
    <!--jquery.easyui.min.js包含了easyUI中的所有插件-->
    <script src="js/jquery.easyui.min.js"></script>
</head>
<body>
<div id="dg"></div>
<!--区域管理模块-->
<div id ="dv"></div>
<!--定义工具栏-->
<div id="ToolBar">
    <div style="height: 40px;">
        <a href="javascript:goadd()" class="easyui-linkbutton"
           iconcls="icon-add" plain="true">添加</a>
        <a
                href="javascript:ModifyBySelect()" class="easyui-linkbutton"
                iconcls="icon-edit" plain="true">修改</a>
        <a
                href="javascript:DeleteByFruitName()" class="easyui-linkbutton"
                iconcls="icon-remove" plain="true">删除</a>
    </div>
</div>

</body>
<script>
    $(function () {
        $('#dg').datagrid({
            toolbar:'#ToolBar', //指定工具栏
        });
        $('#dv').datagrid({
            url:'/district/getAllDistrictByPage',
            pagination: true,
            pageSize: 4,
            pageList: [4, 8, 12, 16],
            columns:[[
                {field:'id',title:'区域编号',width:100},
                {field:'name',title:'区域名称',width:100}
            ]]
        });
    })
</script>
</html>